<template>
  <div class="reading-power">
    <div style="width: 300px">
      <el-table
        border
        :data="currentAccountingData[props.position]"
        style="width: 100%"
        class="reading-power-w"
      >
        <el-table-column prop="formula" label="公式描述" />
      </el-table>
    </div>
  </div>
</template>
<script setup>
import { ref, reactive, onMounted } from "vue";
import { useAppStore } from "@/stores";
import { storeToRefs } from "pinia";
const useApp = useAppStore();
let { currentAccountingData } = storeToRefs(useApp);
const ruleForm = reactive({
  eleType: "",
  transformer: "",
  kva: "",
  voltageLevel: "",
  powerFactor: "",
  accountingPlan: "",
});
const props = defineProps({
  position: String,
});
const ruleFormRef = ref();
const eleTypeVisible = ref(false);
const tableData = [];

const showEleType = () => {
  eleTypeVisible.value = true;
};
const isShow = () => {
  eleTypeVisible.value = false;
};
</script>

<style lang="scss" scoped>
.reading-power {
  display: flex;
  .ruleForm {
    .el-form-item {
      margin-bottom: 15px;
    }
    .el-input {
      width: 32%;
    }
    .el-button {
      margin-left: 10px;
      width: 80px;
    }
  }
}
</style>
